<template>
  <div id="app">
    <!-- 一级路由出口组件 -->
    <!-- <router-view/> -->

    <div>
          <router-view></router-view>
    </div>

  </div>
</template>

<script>
  export default {
     components: {
      
     },
     created(){
      //  console.log(this);
      // 检查当前页面的路由信息/路径
       if(this.$route.name == 'lyric') {
          this.isLyric = true;
          console.log("路由名称:",this.isLyric)
       }
     },
     data(){
        return {
          isShow: false ,
          isLyric: false,
        }
     },
  }
</script>

<style lang="scss">
@import url(./static/style/reset.css);
@import url(./static/style/animate.min.css);
@import './static/style/variable.scss';

html {
  // 1rem = 37.5px 
  // font-size: 37.5px;
  // 1.0 编写rem.js控制html标签字体大小
  // 2.0 可以给html标签设置长度单位 vw %
  font-size: 10vw;
}
#app {
    // 给容器标签设置最小宽度
    // min-width: 8.5333rem;
    min-width: 320px;
}
body {
  font-family: $fontFamily;
  font-size: $fontSize;
  color: $color;
}
</style>
